<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<script>
		var html = document.getElementsByTagName('html')[0];
		html.style.fontSize = html.clientWidth / 3.75 + "px";
	</script>
	<title>我的关注</title>
	<link rel="stylesheet" href="../static/css/Reset.css">
	<link rel="stylesheet" href="../static/css/myAttention.css" />
</head>
<body>
<div class="container" id="myAttention">
	<header>
		<ul class="tab_1">
			<li v-bind:class="{'bg':ispfs}"><span>批发商</span></li>
			<li v-bind:class="{'bg':isjyy}"><span>交易员</span></li>
			<li v-bind:class="{'bg':ispl}"><span>品类</span></li>
		</ul>
		<li id="center_bg"></li>
	</header>
	<div class="main" v-cloak>
		<ul class="cont_1">
			<li class="tab" v-bind:class="{'xian':ispfs}" select-data="pfs">
				<div id="" class="tc_list">
					<div class="item">
						<dl class="list_contents">
							<a :href="'../bulkTrader/bulkTrader_detail.html?id='+jyy.id" target="_self">
								<div class="contents">
									<div class="fq_lise">
										<img class="fq_img" src="../static/images/default.png" onerror="javascript:this.src='../static/images/default.png'" alt="" />
										<div class="fq_list_r">
											<p class="fq_name">张三</p>
											<dd class="cgy_dd1">
												<span class="cgy_text">
													<img class="cgy_tb1" src="../static/images/cgy.png" alt="" />
													中利合成 | 采购员
												</span>
												<span class="cgy_location">
													<img class="cgy_tb2" src="../static/images/location.png" alt="" />
													临沂
												</span>
											</dd>
											<dd class="cgy_dd2">长期采购:苹果、大豆、火龙果、白菜、火龙果里等批发</dd>
										</div>
									</div>
								</div>
							</a>
						</dl>
						<a class="remove">
							<img src="../static/images/delete.png">
							<div class="delete_world">删除</div>
						</a>
					</div>
				</div>
				<!--暂无关注-->
				<div class="zwsc" v-if="jyyList==null || jyyList.length<1">
					<img alt="" src="../static/images/noAttention.png">
					<p>当前还没有关注的商品</p>
				</div>
			</li>
			<li class="tab" v-bind:class="{'xian':isjyy}" select-data="jyy">
				<div id="tc_lists" class="tc_list">
					<div class="item" v-for="jyy in jyyList" :item-data="jyy.id">
						<dl class="list_contents">
							<a :href="'../bulkTrader/bulkTrader_detail.html?id='+jyy.id" target="_self">
								<div class="contents">
									<div class="fq_lise">
										<img class="fq_img" :src="jyy.headPic">
										<div class="fq_list_r">
											<p class="fq_name">{{jyy.name}}</p>
											<p class="fq_gold" v-if="jyy.grade==1"><img src="../static/images/gold.png">金牌交易员</p>
											<p class="fq_gold" v-if="jyy.grade==2"><img src="../static/images/silver.png">银牌交易员</p>
											<p class="fq_middle">累计交易:{{jyy.num}}吨&nbsp;&nbsp;&nbsp;&nbsp;服务区域: {{jyy.seviceAreaList}}</p>
											<p class="fq_bottom"><img src="../static/images/fqsc.png">擅长产品:{{jyy.seviceClassList}}</p>
										</div>
									</div>
									<div class="fq_list1">{{jyy.desc}}</div>
								</div>
							</a>
						</dl>
						<a class="remove">
							<img src="../static/images/delete.png">
							<div class="delete_world">删除</div>
						</a>
					</div>
				</div>
				<!--暂无关注-->
				<div class="zwsc" v-if="jyyList==null || jyyList.length<1">
					<img alt="" src="../static/images/noAttention.png">
					<p>当前还没有关注的商品</p>
				</div>
			</li>
			<li class="tab" v-bind:class="{'xian':ispl}" select-data="pl">
				<div id="hd_lists" class="hd_list">
					<div class="hd_list1" v-for="pl in plList" :item-data="pl.id"><img class="fq_scpinlei" src="../static/images/delete1.png">{{pl.name}}</div>
				</div>
				<div class="clearfloat" style="clear: both"></div>
				<div class="add_follow">
					<div id="selectClass" class="add_pinlei">添加品类</div>
				</div>
				<!--选择产品分类-->
				<section id="goodsClass" class="goods_class">
				    <div class="class_header">
				        <h3>选择产品种类</h3>
				        <a id="closeClass" class="close" href="javascript:void(0)" title="关闭"></a>
				    </div>
				    <article id="classBox">
				        <ul id="classList" class="class_list">
				        	<li v-for="class in classData" v-bind:id="class.id" v-bind:data-id="class.lowest" v-on:click="getChildClass($event)">{{class.name}}</li>
				        </ul>
				    </article>
				</section>
			</li>
		</ul>
	</div>
</div>
<!--dialog 确认框-->
<div class="modal" id="delete">
    <div class="modal-content">
        <div class="modal-body"><p>确定要删除吗？</P></div>
        <div class="modal-footer" id="delete_model_footer">
            <a class="btn-success" href="#">确定</a>
            <a class="btn-default" href="#">取消</a>
        </div>
    </div>
</div>
</body>
<!--<script src="https://api.map.baidu.com/api?v=2.0&ak=HuWMDRmExUdhWoXsVSnBgqdvtWzhgfDY&s=1"></script>-->
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/jquery.validate.min.js"></script>
<script type="text/javascript" src="../libs/jquery.mobile-1.3.2.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/myFollow.js"></script>
</html>